<template>
    <div class="" style="padding: 10px">
        <h4>{{ extData.title }}</h4>
        <p v-if="extData.thumb" style="text-align:center"><img :src="extData.thumb" /></p>
        <p v-else>(待增加图片)</p>
        <div class="grid-content bg-purple">
                    地址：{{ getAddress }}<br />
                    联系人：<br />
                    电话：<br />
                    本堂司铎：<br />
                    更多资料<span style="color:red">(内容和图片等有待更新、增加...)</span><br />
        </div>
    </div>
</template>
<script>
export default {
    props: {
        extData: {},
    },
    computed: {
        getAddress() {
            const addressarr = ["province", "city", "district", "address"];
            let newarr = [];
            addressarr.forEach((key) => {
                newarr.push(this.extData[key]);
            });
            return newarr.join("");
            // return this.extData.province + this.extData.city + this.extData.district + this.extData.address
        },
    },
};
</script>
<style>
.amap-adcombo-close {
    background-color: #000000;
}
</style>
